<?php
if (array_key_exists('login', $_POST)) {
    $required = array('name', 'pass');
    $error = array();
    foreach ($_POST as $key => $value) {
        $temp = is_array($value) ? $value : trim($value);
        if (empty($temp) && in_array($key, $required)) {
            array_push($error, $key);
        } elseif (in_array($error, $required)) {
            ${$key} = $temp;
        }
    }
    $error2 = array();
    $required2 = array($_POST['name'], $_POST['pass']);
    foreach ($required2 as $fieldname) {
        if ((strlen($fieldname) > 0) && (strlen($fieldname)) < 4) {
            array_push($error2, $fieldname);
        }
    }
}
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link href="css/style.css" type="text/css" rel="stylesheet"/>
        <link href="css/header.css" type="text/css" rel="stylesheet"/>
        <script type="text/javascript" charset="utf-8" src="jquery/jquery-1.3.2.min.js"></script>
        <script language="javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.23/jquery-ui.min.js"></script>
        <script type="text/javascript" charset="utf-8" src="jquery/jquery.validate.js"></script>
        <script type="text/javascript" charset="utf-8" src="jquery/header.js"></script>
        <script type="text/javascript">
            $(document).ready(function()    {
                $('#form').validate();
            });
    
        </script>
        <title></title>
        <style>
            fieldset form input#pass{
                margin-left: 50px;
            }
            fieldset form input#name{
                margin-left: 20px;
            }
             fieldset form input#email{
                margin-left: 70px;
            }
             fieldset form input[name='login']{
                margin-left: 130px;
            }
        </style>
    </head>
    <body>
        <div id="page">
            <?php include'template/header.php' ?>
            <?php include'forgetpass.php'; ?>
            <div id="content">
                <p class="rule">
                    Hệ thống Fashion shop mang đến cho bạn những lựa chọn tốt nhât</br>
                    Đăng nhập vào hệ thống để bình luận và mua sản phầm</br>
                    Nhập thông tin đăng nhập vào hệ thống</br>
                    Nếu bạn chưa đăng ký tài khoảng vui lòng nhấp vào đây <a href="">Đăng ký tài khoản</a>
                </p>
                <fieldset >
                    <legend>Thông tin đăng ký</legend>
                    <form action="" method="post" id="form">
                        <label><strong>Tên đăng nhập:<span>(*)</span></strong>

                        </label>
                        <input type="text" size="50" name="name" id="name" class="required" minlength="4"
                        <?php
                        if ((isset($error)) && (isset($error2))) {
                            echo 'value="' . htmlentities($_POST['name']) . '"';
                        }
                        ?>
                               />
                               <?php if (isset($error) && in_array('name', $error)) { ?>
                            <span class="error">Bạn phải điền tên</span><?php } ?>
                        <?php if (isset($error2) && in_array($_POST['name'], $error2)) { ?>
                            <span class="error">Tên phải dài hơn 4 ký tự</span><?php } ?>
                        </br>
                        <label ><strong>Mật khẩu:<span>(*)</span></strong>

                        </label>
                        <input type="password" size="50" name="pass" id="pass" class="required" minlength="4"
                        <?php
                        if ((isset($error)) && (isset($error2))) {
                            echo 'value="' . htmlentities($_POST['pass']) . '"';
                        }
                        ?>
                               />
                               <?php if (isset($error) && in_array('pass', $error)) { ?>
                            <span class="error">Bạn phải điền mật khẩu</span><?php } ?>
                        <?php if (isset($error2) && in_array($_POST['pass'], $error2)) { ?>
                            <span class="error">Mật khẩu phải dài hơn 4 ký tự</span><?php } ?>
                        </br>
                        <label ><strong>Nhắc lại mật khẩu:<span>(*)</span></strong>

                        </label>
                        <input type="password" size="50" name="repass" id="repass" class="required" minlength="4"
                        <?php
                        if ((isset($error)) && (isset($error2))) {
                            echo 'value="' . htmlentities($_POST['pass']) . '"';
                        }
                        ?>
                               />
                               <?php if (isset($error) && in_array('pass', $error)) { ?>
                            <span class="error">Bạn phải điền mật khẩu</span><?php } ?>
                        <?php if (isset($error2) && in_array($_POST['pass'], $error2)) { ?>
                            <span class="error">Mật khẩu phải dài hơn 4 ký tự</span><?php } ?>
                        </br>
                        <label ><strong>Email:<span>(*)</span></strong></label>
                        <input type="text" size="50" name="email" id="email" class="required email"/>
                        <input type="submit" value="Đăng nhập" name="login"/></br>
                        <a href="" id="show-popup">Quên mật khẩu?</a>
                    </form>
                </fieldset>
            </div>
            <?php include'template/footer.php' ?>
        </div>
    </body>
</html>
